import {createApp} from 'vue'
import {Plus} from '@element-plus/icons-vue'
import {
    ElAside,
    ElButton,
    ElCard,
    ElCascader,
    ElCheckbox,
    ElTransfer,
    ElContainer,
    ElDialog,
    ElFooter,
    ElForm,
    ElFormItem,
    ElHeader,
    ElInput,
    ElInputNumber,
    ElLoading,
    ElMain,
    ElMenu,
    ElMenuItem,
    ElMenuItemGroup,
    ElOption,
    ElPagination,
    ElPopconfirm,
    ElPopover,
    ElRadio,
    ElRadioGroup,
    ElSelect,
    ElSubmenu,
    ElTable,
    ElSwitch,
    ElTableColumn,
    ElTag,
    ElUpload,
    ElRate,
    ElIcon,
    ElDivider,
} from 'element-plus'
import App from './App.vue'
import router from './router/index'

// import 'element-plus/lib/theme-chalk/index.css'
// 修改后的主题样式必须放在最后面
import '../theme/index.css'

const app = createApp(App)

app.use(router)

app.use(ElButton)
    .use(ElContainer)
    .use(ElAside)
    .use(ElHeader)
    .use(ElMain)
    .use(ElFooter)
    .use(ElMenu)
    .use(ElSubmenu)
    .use(ElMenuItemGroup)
    .use(ElMenuItem)
    .use(ElForm)
    .use(ElFormItem)
    .use(ElInput)
    .use(ElPopover)
    .use(ElTag)
    .use(ElCard)
    .use(ElTable)
    .use(ElTableColumn)
    .use(ElPagination)
    .use(ElDialog)
    .use(ElPopconfirm)
    .use(ElUpload)
    .use(ElLoading)
    .use(ElSelect)
    .use(ElOption)
    .use(ElRadioGroup)
    .use(ElRadio)
    .use(ElIcon)
    .use(Plus)
    .use(ElCascader)
    .use(ElCheckbox)
    .use(ElInputNumber)
    .use(ElRate)
    .use(ElDivider)

app.mount('#app')